.map-display {
      position: absolute;
      width: 100%;
      height:100%;
      background-color: darkgray;
    }
  
    /*地图工具栏相关样式  */
    .mytool-btns{
      position: relative;
      /*left: 10px;*/
      margin-left:2.5em;
      top: 10px;
      height: 60px;
      /*width:320px;*/ /*以免ol-popup被地图工具按钮div给挡住而无法点击关闭面板按钮*/
      width:450px; /*以免ol-popup被地图工具按钮div给挡住而无法点击关闭面板按钮*/
    }
  
    .navbtn-items{
      float: left;
      margin: 0 5px;
      /*border-right: 1px solid #788897; !*显示右侧的边框线*!*/
      position: relative;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: white;
      text-align: center;
    }
  
    .navBtnDiv{
      /*width: auto;*/
      /*background-color:rgba(0,0,0,0);*/
      margin-left: 55px;
      /*margin-top: 5px;*/
    }
    .navbtn-btn{
      margin-right: 10px;
    }
  
    .navbtn-items:hover{
      cursor: pointer;
    }
  
    .navbtn-items>img{
      width:36px;
      height:36px;
      padding:5px;
    }
    .item-selected {
      position: absolute;
      width: 25px !important;
      height: 25px !important;
      left: 15px !important;
      bottom: 0;
    }
  
    .layer-hide {
      display:none;
    }
  
    /*右侧工具条对应面板*/
    /*工具项：图层管理&ndash;&gt;>对应面板*/
    .layerBox {
      width: 275px;
      padding: 5px;
      background-color: #ffffff;
      border: solid 1px #cecdd2;
      color: black;
      border-radius: 5px;
      /*display: none;*/ /*交由vue变量去控制*/
      position: absolute;
      z-index: 3;
      margin-left: 2.5em;
      box-shadow: 4px 4px 10px #888888;
    }
  
    #panelHeader {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      /* overflow-x: auto; */
    }
  
    .lyr-panel-title {
      text-align: center;
      font-size: 1.1em;
      line-height: 1.1em;
      display: block;
      font-weight: bold;
      color: white;
      margin: 0.3em;
    }
  
    .lyropt {
      font-size: 14px;
      margin-left: 10px;
    }
  
    /*20210929增加，调控图层面板的显示条目*/
    .layerTree{
      padding-inline-start: 15px;
    }
    .layerTree li {
      list-style: none;
      margin: 5px 10px;
      font-size: 12px;
    }
    li .layer{
      position: absolute;
      margin-top: 0px;
    }
  
  
  
    /*工具栏-（量测-整饰-控制-查询等）下拉框*/
    /*工具栏-（量测-整饰-控制-查询）下拉框-子项*/
    .map-tool-item{
      width: 85px;
      height: 29px;
      border-bottom: 1px solid #b4b4b4;
      cursor: pointer;
    }
  
    .map-tool-item>img{
      display: block;
      float: left;
      width: 20px;
      height: 20px;
      margin-top: 4px;
      margin-left: 5px;
    }
  
    .map-tool-item>span{
      display: block;
      float: left;
      width: 50px;
      height: 20px;
      margin-top: 4px;
      margin-left: 2px;
      line-height: 19px;
      text-align: center;
      font-size:12px;
      font-family:微软雅黑;
    }
  
    .map-tool-item-click{
      /*color: rgb(18,150,219);*/
      color: rgb(255,0,0);
    }
    /*工具项：量测-->>对应下拉面板*/
    .mapMeasurementTools{
      position:relative;
  
      width: 85px;
      left: 6em;
  
      background-color: #ffffff;
      box-shadow: 4px 4px 10px #888888;
      z-index: 5; /*高于lyrBox的3*/
    }
  
    /*工具项：整饰-->>对应下拉面板*/
    .mapDecorateTools{
      position:relative;
      width: 85px;
      left: 10em;
      background-color: #ffffff;
      box-shadow: 4px 4px 10px #888888;
      z-index: 4; /*高于lyrBox的3*/
    }
  
    /*地图整饰（坐标、比例尺、图例均通用）*/
    .map-decorate {
      position: absolute;
      z-index: 2;
    }
    /*比例尺位置*/
    /*用于覆盖原生比例尺的样式*/
    .ol-scale-line {
      background: #f39c12;
      border-radius: 4px;
      bottom: 8px;
      left: -20em; /*约等于16px*20=320px*/
      padding: 2px;
      position: absolute;
      height: 26px;
    }
    .map-scalebar{
      position:absolute;
      bottom:6px;
      left:10em;
    }
    /*坐标位置*/
    .map-coordinate{
      left:315px;
      /*right:105px;*/
      bottom:15px;
      /*top:10px;*/
      margin:2px 6px;
      padding: 2px 4px;
      font-family:Arial;
      color:#ffffff;
      background-color: #f39c12;
      /*min-width: 150px;*/
      border-radius: 4px;
      height: 20px;
    }
  
    /*进度条*/
    #preview
    {
      height: 100px;
      width: 100px;
      position: absolute;
      display: none;
      text-align: center;
      font-weight: bold;
      left: 50%;
      right: 0;
      top:50%;
      bottom:0;
      margin-left: -50px;
      margin-right: auto;
      margin-top:-50px;
      margin-bottom:auto;
      z-index: 1000;
    }
  
    .conditionControl {
      position: absolute;
      bottom: 5px;
      width: 200px;
      height: 160px;
      right: 10px;
      top: 5px;
      /*在地图容器中的层，要设置z-index的值让其显示在地图上层*/
      z-index: 2001;
      color: #ffffff;
      background-color: #4c4e5a;
      /*边缘的宽度*/
      border-width: 10px;
      /*圆角的大小 */
      border-radius: 10px;
      /*边框颜色*/
      border-color: #000 #000 #000 #000;
    }